@import '~antd/dist/antd.css';
* {
    box-sizing: border-box;
}

body {
    min-width: 1260px;
}

.clear {
    &::after {
        content: "";
        display: block;
        clear: both;
    }
}

.wait_load {
    .ant-spin {
        z-index: 5000 !important;
    }
}

.file_prev_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background-color: rgba(0, 0, 0, 0.3);
    .prev_file_iframe {
        width: 100%;
        height: 100%;
    }
    .prevlogo {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        width: 36px;
        height: 54px;
        background-image: url(../images/上一页.png);
        cursor: pointer;
        &:hover {
            background-image: url(../images/上一页-经过.png);
        }
    }
    .nextlogo {
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        width: 36px;
        height: 54px;
        background-image: url(../images/下一页.png);
        cursor: pointer;
        &:hover {
            background-image: url(../images/下一页-经过.png);
        }
    }
    .prev_file_iframe_small {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        height: 90%;
        border: 0;
    }
    .closelogo {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 36px;
        height: 36px;
        background-image: url(../images/关闭.png);
        cursor: pointer;
        &:hover {
            background-image: url(../images/关闭-经过.png);
        }
    }
}

.app_load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.apply_empty_text {
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #999;
}

.modal_small_title {
    font-size: 16px;
    margin-left: 8px;
    color: #fff;
    opacity: 0.72;
}

//换肤功能
.theme_blue {
    .group_list {
        .list_one {
            &:hover {
                box-shadow: 0px 0px 16px 0px rgba(#194ca1, 0.32) !important;
                border: solid 1px rgba(#194ca1, 0.5) !important;
            }
        }
    }
    .check_manager .check_body .list_one:hover {
        box-shadow: 0px 0px 16px 0px rgba(#194ca1, 0.32) !important;
        border: solid 1px rgba(#194ca1, 0.5) !important;
    }
    .name_beforelogo {
        background-image: url(../images/skin/皮肤-蓝色海洋/标题样式-2.png) !important;
    }
    .name_afterlogo {
        background-image: url(../images/skin/皮肤-蓝色海洋/标题样式-1.png) !important;
    }
    .checkCenter .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡4字.png) !important;
        background-size: 100px 28px !important;
        background-position: 0px 0px !important;
        color: #194ca1 !important;
        &.activeMenu {
            background-size: 112px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡4字-选中.png) !important;
        }
    }
    .dataStatistic .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡-6字.png) !important;
        background-size: 120px 28px !important;
        background-position: 0px 0px !important;
        color: #194ca1 !important;
        &.activeMenu {
            background-size: 132px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡-6字-选中.png) !important;
        }
    }
    .manager_top {
        .title_one {
            background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡-6字.png);
            background-repeat: no-repeat;
            background-position: center 0;
            color: #194ca1;
            &.active {
                background-image: url(../images/skin/皮肤-蓝色海洋/二级选项卡-6字-选中.png);
            }
        }
    }
    .app_header .router_one.active {
        color: #194ca1;
        &::after {
            background-color: #194ca1;
        }
    }
    .apply_option {
        background-color: rgba(#194ca1, 0.06) !important;
    }
    .screenContent {
        background-color: rgba(#194ca1, 0.06) !important;
    }
    .apply_tip {
        background-color: rgba(#194ca1, 0.2) !important;
        color: #194ca1 !important;
    }
    .check_manager .role_check_manager .role_table .role_thead .role_th,
    .tableHeader {
        background-color: rgba(#194ca1, 0.16) !important;
        color: #194ca1 !important;
    }
    .check_manager .role_check_manager .role_table .slice_line {
        background-color: rgba(#194ca1, 0.16) !important;
    }
    .btnGroup .btnItem.active {
        background-color: rgba(#194ca1, 0.16) !important;
        color: #194ca1 !important;
    }
    .Modal-1 .ant-modal-header {
        background-image: url(../images/skin/blue/标题背景.png) !important;
        background-size: 100% 100%;
    }
    .ant-pagination,
    .ant-table-pagination {
        button.ant-pagination-item-link {
            svg {
                color: #1658c5 !important;
            }
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #1557c4 0%, #4885ea 100%) !important;
        }
        .ant-pagination-item {
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #1557c4 0%, #4885ea 100%) !important;
            a {
                color: #1658c5 !important;
                border-color: #1658c5 !important;
                &:hover {
                    color: #fff !important;
                    background-image: linear-gradient(0deg, #4885ea 0%, #1557c4 100%), linear-gradient( #379ef5, #379ef5) !important;
                }
            }
        }
        .ant-pagination-item-active a {
            color: #fff !important;
            background-image: linear-gradient(0deg, #4885ea 0%, #1557c4 100%), linear-gradient( #379ef5, #379ef5) !important;
        }
    }
}

.theme_green {
    .group_list {
        .list_one {
            &:hover {
                box-shadow: 0px 0px 16px 0px rgba(#0f8737, 0.32) !important;
                border: solid 1px rgba(#0f8737, 0.5) !important;
            }
        }
    }
    .check_manager .check_body .list_one:hover {
        box-shadow: 0px 0px 16px 0px rgba(#0f8737, 0.32) !important;
        border: solid 1px rgba(#0f8737, 0.5) !important;
    }
    .name_beforelogo {
        background-image: url(../images/skin/皮肤-绿意盎然/标题样式-2.png) !important;
    }
    .name_afterlogo {
        background-image: url(../images/skin/皮肤-绿意盎然/标题样式-1.png) !important;
    }
    .checkCenter .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡4字.png) !important;
        background-size: 100px 28px !important;
        background-position: 0px 0px !important;
        color: #0f8737 !important;
        &.activeMenu {
            background-size: 112px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡4字-选中.png) !important;
        }
    }
    .dataStatistic .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡-6字.png) !important;
        background-size: 120px 28px !important;
        background-position: 0px 0px !important;
        color: #0f8737 !important;
        &.activeMenu {
            background-size: 132px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡-6字-选中.png) !important;
        }
    }
    .manager_top {
        .title_one {
            background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡-6字.png);
            background-repeat: no-repeat;
            background-position: center 0;
            color: #0f8737;
            &.active {
                background-image: url(../images/skin/皮肤-绿意盎然/二级选项卡-6字-选中.png);
            }
        }
    }
    .app_header .router_one.active {
        color: #0f8737;
        &::after {
            background-color: #0f8737;
        }
    }
    .apply_option {
        background-color: rgba(#0f8737, 0.06) !important;
    }
    .screenContent {
        background-color: rgba(#0f8737, 0.06) !important;
    }
    .apply_tip {
        background-color: rgba(#0f8737, 0.2) !important;
        color: #0f8737 !important;
    }
    .check_manager .role_check_manager .role_table .role_thead .role_th,
    .tableHeader {
        background-color: rgba(#0f8737, 0.16) !important;
        color: #0f8737 !important;
    }
    .check_manager .role_check_manager .role_table .slice_line {
        background-color: rgba(#0f8737, 0.16) !important;
    }
    .btnGroup .btnItem.active {
        background-color: rgba(#0f8737, 0.16) !important;
        color: #0f8737 !important;
    }
    .Modal-1 .ant-modal-header {
        background-image: url(../images/skin/green/标题背景.png) !important;
        background-size: 100% 100%;
    }
    .ant-pagination,
    .ant-table-pagination {
        button.ant-pagination-item-link {
            svg {
                color: #18a145 !important;
            }
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #149e41 0%, #6ad994 100%) !important;
        }
        .ant-pagination-item {
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #149e41 0%, #6ad994 100%) !important;
            a {
                color: #18a145 !important;
                border-color: #18a145 !important;
                &:hover {
                    color: #fff !important;
                    background-image: linear-gradient(0deg, #1fc35d 0%, #149e41 100%), linear-gradient( #379ef5, #379ef5) !important;
                }
            }
        }
        .ant-pagination-item-active a {
            color: #fff !important;
            background-image: linear-gradient(0deg, #1fc35d 0%, #149e41 100%), linear-gradient( #379ef5, #379ef5) !important;
        }
    }
}

.theme_purple {
    .group_list {
        .list_one {
            &:hover {
                box-shadow: 0px 0px 16px 0px rgba(#6446a9, 0.32) !important;
                border: solid 1px rgba(#6446a9, 0.5) !important;
            }
        }
    }
    .check_manager .check_body .list_one:hover {
        box-shadow: 0px 0px 16px 0px rgba(#6446a9, 0.32) !important;
        border: solid 1px rgba(#6446a9, 0.5) !important;
    }
    .name_beforelogo {
        background-image: url(../images/skin/皮肤-紫色星空/标题样式-2.png) !important;
    }
    .name_afterlogo {
        background-image: url(../images/skin/皮肤-紫色星空/标题样式-1.png) !important;
    }
    .checkCenter .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-紫色星空/二级选项卡4字.png) !important;
        background-size: 100px 28px !important;
        background-position: 0px 0px !important;
        color: #6446a9 !important;
        &.activeMenu {
            background-size: 112px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-紫色星空/二级选项卡4字-选中.png) !important;
        }
    }
    .dataStatistic .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-紫色星空/二级选项卡-6字.png) !important;
        background-size: 120px 28px !important;
        background-position: 0px 0px !important;
        color: #6446a9 !important;
        &.activeMenu {
            background-size: 132px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-紫色星空/二级选项卡-6字-选中.png) !important;
        }
    }
    .manager_top {
        .title_one {
            background-image: url(../images/skin/皮肤-紫色星空/二级选项卡-6字.png);
            background-repeat: no-repeat;
            background-position: center 0;
            color: #6446a9;
            &.active {
                background-image: url(../images/skin/皮肤-紫色星空/二级选项卡-6字-选中.png);
            }
        }
    }
    .app_header .router_one.active {
        color: #6446a9;
        &::after {
            background-color: #6446a9;
        }
    }
    .apply_option {
        background-color: rgba(#6446a9, 0.06) !important;
    }
    .screenContent {
        background-color: rgba(#6446a9, 0.06) !important;
    }
    .apply_tip {
        background-color: rgba(#6446a9, 0.2) !important;
        color: #6446a9 !important;
    }
    .check_manager .role_check_manager .role_table .role_thead .role_th,
    .tableHeader {
        background-color: rgba(#6446a9, 0.16) !important;
        color: #6446a9 !important;
    }
    .check_manager .role_check_manager .role_table .slice_line {
        background-color: rgba(#6446a9, 0.16);
    }
    .btnGroup .btnItem.active {
        background-color: rgba(#6446a9, 0.16) !important;
        color: #6446a9 !important;
    }
    .Modal-1 .ant-modal-header {
        background-image: url(../images/skin/purple/标题背景.png) !important;
        background-size: 100% 100%;
    }
    .ant-pagination,
    .ant-table-pagination {
        button.ant-pagination-item-link {
            svg {
                color: #6446a9 !important;
            }
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #6144a8 0%, #9966b6 100%) !important;
        }
        .ant-pagination-item {
            border-image-source: linear-gradient(0deg, #6144a8 0%, #9966b6 100%) !important;
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            a {
                color: #6446a9 !important;
                border-color: #9966b6 !important;
                &:hover {
                    color: #fff !important;
                    background-image: linear-gradient(0deg, #9966b6 0%, #6144a8 100%), linear-gradient( #379ef5, #379ef5) !important;
                }
            }
        }
        .ant-pagination-item-active a {
            color: #fff !important;
            background-image: linear-gradient(0deg, #9966b6 0%, #6144a8 100%), linear-gradient( #379ef5, #379ef5) !important;
        }
    }
}

.theme_red {
    .group_list {
        .list_one {
            &:hover {
                box-shadow: 0px 0px 16px 0px rgba(#A40505, 0.32) !important;
                border: solid 1px rgba(#A40505, 0.5) !important;
            }
        }
    }
    .check_manager .check_body .list_one:hover {
        box-shadow: 0px 0px 16px 0px rgba(#A40505, 0.32) !important;
        border: solid 1px rgba(#A40505, 0.5) !important;
    }
    .name_beforelogo {
        background-image: url(../images/skin/皮肤-红色中国/标题样式-2.png) !important;
    }
    .name_afterlogo {
        background-image: url(../images/skin/皮肤-红色中国/标题样式-1.png) !important;
    }
    .checkCenter .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-红色中国/二级选项卡4字.png) !important;
        background-size: 100px 28px !important;
        background-position: 0px 0px !important;
        color: #A40505 !important;
        &.activeMenu {
            background-size: 112px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-红色中国/二级选项卡4字-选中.png) !important;
        }
    }
    .dataStatistic .menuBar .menuItem {
        background-image: url(../images/skin/皮肤-红色中国/二级选项卡-6字.png) !important;
        background-size: 120px 28px !important;
        background-position: 0px 0px !important;
        color: #A40505 !important;
        &.activeMenu {
            background-size: 132px 40px !important;
            background-position: -6px 0px !important;
            color: #fff !important;
            background-image: url(../images/skin/皮肤-红色中国/二级选项卡-6字-选中.png) !important;
        }
    }
    .manager_top {
        .title_one {
            background-image: url(../images/skin/皮肤-红色中国/二级选项卡-6字.png);
            background-repeat: no-repeat;
            background-position: center 0;
            color: #A40505;
            &.active {
                background-image: url(../images/skin/皮肤-红色中国/二级选项卡-6字-选中.png);
            }
        }
    }
    .app_header .router_one.active {
        color: #A40505;
        &::after {
            background-color: #A40505;
        }
    }
    .apply_option {
        background-color: rgba(#A40505, 0.06) !important;
    }
    .screenContent {
        background-color: rgba(#A40505, 0.06) !important;
    }
    .apply_tip {
        background-color: rgba(#A40505, 0.2) !important;
        color: #A40505 !important;
    }
    .check_manager .role_check_manager .role_table .role_thead .role_th,
    .tableHeader {
        background-color: rgba(#A40505, 0.16) !important;
        color: #A40505 !important;
    }
    .check_manager .role_check_manager .role_table .slice_line {
        background-color: rgba(#A40505, 0.16);
    }
    .btnGroup .btnItem.active {
        background-color: rgba(#A40505, 0.16) !important;
        color: #A40505 !important;
    }
    .Modal-1 .ant-modal-header {
        background-image: url(../images/skin/red/标题背景.png) !important;
        background-size: 100% 100%;
    }
    .ant-pagination,
    .ant-table-pagination {
        button.ant-pagination-item-link {
            svg {
                color: #A40505 !important;
            }
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            border-image-source: linear-gradient(0deg, #AF1408 0%, #AF1408 100%) !important;
        }
        .ant-pagination-item {
            border-image-source: linear-gradient(0deg, #AF1408 0%, #AF1408 100%) !important;
            border-style: solid;
            border-width: 1px;
            border-image-slice: 1;
            a {
                color: #A40505 !important;
                border-color: #AF1408 !important;
                &:hover {
                    color: #fff !important;
                    background-image: linear-gradient(0deg, #AF1408 0%, #AF1408 100%), linear-gradient( #379ef5, #379ef5) !important;
                }
            }
        }
        .ant-pagination-item-active a {
            color: #fff !important;
            background-image: linear-gradient(0deg, #AF1408 0%, #AF1408 100%), linear-gradient( #379ef5, #379ef5) !important;
        }
    }
}

//文件类型图标
.pdf {
    background: url(../images/file_download/pdf.png);
}

.zip {
    background: url(../images/file_download/zip.png);
}

.video {
    background: url(../images/file_download/video.png);
}

.audio1 {
    background: url(../images/file_download/audio1.png);
}

.all {
    background: url(../images/file_download/all.png);
}

.txt {
    background: url(../images/file_download/txt.png);
}

.photo {
    background: url(../images/file_download/photo.png);
}

.set {
    background: url(../images/file_download/set.png);
}

.excel {
    background: url(../images/file_download/excel.png);
}

.doc {
    background: url(../images/file_download/doc.png);
}

.ppt {
    background: url(../images/file_download/ppt.png);
}

.link {
    background: url(../images/file_download/link.png);
}